<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			html,body{
				font-size: 20px;
			}
			/*根据最近祖先元素设置的font-size乘上自身的倍数得到的字体大小
			如果祖先元素没有这事font-size, 那么就用默认的16培训作为基数
			相对于rem,她比较灵活,难以控制.*/
			.baba{
				font-size: 30px;
			}
			.son{
				font-size: 10em;
			}
		</style>
		<div class="baba">
			<div class="son">
				melon is my faver
			</div>
		</div>
	</body>
</html>
